<template>
  <view :style="themeColor">
    <view class="page">
      <benben-specs-popup ref="specsPopup1665474308130" class='shopDetail_flex_specs_0'
        :speclist='dataDetails.spec_list' :skulist='dataDetails.sku_list' :sku-id.sync='sku_id'
        :sku-name.sync='sku_name' :price.sync='dataDetails.shop_price' :thumb.sync='dataDetails.thumb'
        :market-price.sync='dataDetails.market_price' :member-price.sync='dataDetails.member_price'
        :stock.sync='dataDetails.stock' :number.sync='buy_num' @addCart="addCarFunc()" @buyNow="buyNowFunc()">
      </benben-specs-popup>
      <view class="flex flex-wrap align-center justify-between benben-position-layout flex shopDetail_flex_1"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center shopDetail_fd1_0' @tap.stop="handleJumpDiy" data-type="back"
          data-url="1">
          <text class='fu-iconfont2  shopDetail_fd1_0_c0'>&#xe794;</text>
        </view>
        <view class='flex flex-wrap align-center justify-end shopDetail_fd1_0' @tap.stop="popupShow1689239427011=true">
          <image class='shopDetail_fd1_1_c0' mode="aspectFit" :src='STATIC_URL+"164.png"'></image>
        </view>
      </view>
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
        <view class='flex flex-direction align-stretch shopDetail_fd2_0'>
          <view style="position: relative">
            <swiper ref="benbenSwiperfd2_0_c0" :current='index' @change="bannerIndexfd2_0_c0 = $event.detail.current"
              class='flex position-relative shopDetail_fd2_0_c0' previous-margin="0rpx" next-margin="0rpx"
              :display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true' :circular='true'>


              <swiper-item class='flex  shopDetail_fd2_0_c0' v-if=" dataDetails.video!=''">

                <video class='flex  shopDetail_fd2_0_c0_c1_c0' :poster="dataDetails.video_img" :src="dataDetails.video"
                  controls='true' x5-video-player-type="h5" :enable-progress-gesture='true' object-fit="fill"></video>

              </swiper-item>

              <template v-for='(item,key0) in dataDetails.images'>
                <swiper-item class='flex' :key='key0'>
                  <image class='shopDetail_fd2_0_c0_c2_c0' mode="aspectFit" :src='item'
                    @tap="multiImagePreview(item,dataDetails.images,'')"></image>
                </swiper-item>
              </template>

            </swiper>
            <view style="position: absolute"
              class="flex dot flex align-center justify-center shopDetail_swiperDotfd2_0_c0">
              <view class='flex flex align-center justify-center shopDetail_numberfd2_0_c0_c0'>
                <text class='shopDetail_numberfd2_0_c0_c0_c0'>{{bannerIndexfd2_0_c0+1}}</text>
                <text class='shopDetail_numberfd2_0_c0_c0_c0'>/</text>
                <text
                  class='shopDetail_numberfd2_0_c0_c0_c0'>{{(dataDetails.images.length + (dataDetails.video ? 1:0))}}</text>
              </view>

            </view>
          </view>
          <view class='flex align-center justify-center shopDetail_fd2_0_c1'
            v-if="dataDetails.order_list && dataDetails.order_list.length>0">
            <view style="position: relative">
              <swiper @change="bannerIndexfd2_0_c1_c0 = $event.detail.current"
                class='flex position-relative shopDetail_fd2_0_c1_c0' previous-margin="0rpx" next-margin="0rpx"
                :display-multiple-items="1" :vertical='true' :interval="5000" :duration="500" :autoplay='true'
                :circular='true'>

                <template v-for='(item,key0) in dataDetails.order_list'>
                  <swiper-item class='flex  shopDetail_fd2_0_c1_c0' :key='key0'>
                    <view class='flex align-center self-center justify-center shopDetail_fd2_0_c1_c0_c1_c0'>
                      <text class='shopDetail_fd2_0_c1_c0_c1_c0_c0'>{{item.nickname}}</text>
                      <text class='shopDetail_fd2_0_c1_c0_c1_c0_c1'>刚刚购买了此商品</text>
                    </view>
                  </swiper-item>
                </template>

              </swiper>
            </view>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <l-painter :css='{"width":`580rpx`,"height":`924rpx`,"background":`#fff`}' ref="painter1690420071407"
        :hidden='true' file-type='png' path-type='url'>
        <template v-if="painterParam1690420071407">
          <l-painter-image :css='{"width":`580rpx`,"height":`146rpx`,"position":`absolute`,"top":`0rpx`,"left":`0rpx`}'
            :src='STATIC_URL+"475.png"'></l-painter-image>
          <l-painter-text :css='{"position":`absolute`,"top":`752rpx`,"left":`68rpx`}'
            :text="dataDetails.shop_price"></l-painter-text>
          <l-painter-image
            :css='{"width":`580rpx`,"height":`580rpx`,"position":`absolute`,"top":`146rpx`,"left":`0rpx`}'
            :src='dataDetails.thumb'></l-painter-image>
          <l-painter-image
            :css='{"width":`80rpx`,"height":`80rpx`,"position":`absolute`,"top":`34rpx`,"left":`46rpx`,"border-radius":`40rpx`}'
            :src='userInfo.avatar'></l-painter-image>
          <l-painter-text
            :css='{"position":`absolute`,"top":`34rpx`,"left":`150rpx`,"color":`rgba(0, 0, 0, 1)`,"font-size":`28rpx`,"width":`400rpx`,"line-clamp":`1`}'
            :text="userInfo.nickname"></l-painter-text>
          <l-painter-text
            :css='{"position":`absolute`,"top":`86rpx`,"left":`150rpx`,"width":`386rpx`,"color":`rgba(0, 0, 0, 1)`,"font-size":`24rpx`}'
            :text="'推荐一个好物给你，请查收'"></l-painter-text>
          <l-painter-image
            :css='{"width":`100rpx`,"height":`100rpx`,"position":`absolute`,"top":`756rpx`,"left":`450rpx`}'
            :src='sharedInfo.qrcode_url'></l-painter-image>
          <l-painter-text :css='{"position":`absolute`,"top":`752rpx`,"left":`30rpx`,"width":`NaNrpx`}'
            :text="'￥'"></l-painter-text>
          <l-painter-text :css='{"position":`absolute`,"top":`811rpx`,"left":`30rpx`,"width":`400rpx`,"line-clamp":`2`}'
            :text="dataDetails.name"></l-painter-text>

        </template>
      </l-painter>
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout">
        <view class='flex flex-direction flex-wrap align-stretch shopDetail_fd4_0'>
          <view class='flex flex-wrap align-center shopDetail_fd4_0_c0'>
            <view class='flex flex-wrap align-center flex-sub'>
              <text class='shopDetail_fd4_0_c0_c0_c0'>{{dataDetails.name}}</text>
            </view>
            <view class='flex flex-direction flex-wrap align-center self-center justify-center shopDetail_fd4_0_c0_c1'
              @tap.stop="isLikeFunc()">
              <image class='shopDetail_fd4_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"165.png"'
                v-if="dataDetails.is_collect=='0'"></image>
              <image class='shopDetail_fd4_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"166.png"'
                v-if="dataDetails.is_collect=='1'"></image>
              <text class='shopDetail_fd4_0_c0_c1_c1' v-if="dataDetails.is_collect=='0'">收藏</text><text
                class='shopDetail_fd4_0_c0_c1_c1_1' v-if="dataDetails.is_collect=='1'">已收藏</text>
            </view>
          </view>
          <view class='flex flex-direction align-stretch shopDetail_fd4_0_c1'>
            <view class='flex align-center self-center flex-sub shopDetail_fd4_0_c1_c0'>
              <text class='shopDetail_fd4_0_c1_c0_c0'>￥</text>
              <text class=' shopDetail_fd4_0_c1_c0_c1'>
                <text class=' shopDetail_price1_fd4_0_c1_c0_c1'>{{ dataDetails.shop_price | frontPrice }}</text>
                <text class=' shopDetail_price2_fd4_0_c1_c0_c1'>{{ dataDetails.shop_price | laterPrice }}</text>
              </text>
              <view class='flex flex-wrap align-center shopDetail_fd4_0_c1_c0_c2'>
                <text>￥</text>
                <text class=''>
                  <text>{{ dataDetails.market_price | frontPrice }}</text>
                  <text class=' shopDetail_price2_fd4_0_c1_c0_c2_c1'>{{ dataDetails.market_price | laterPrice }}</text>
                </text>
              </view>
              <text class='shopDetail_fd4_0_c1_c0_c3'>销量</text>
              <text class='shopDetail_fd4_0_c1_c0_c4'>{{dataDetails.sales_sum}}</text>
              <text class='shopDetail_fd4_0_c1_c0_c5'>件</text>
            </view>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout">
        <view class='flex flex-direction flex-wrap align-stretch shopDetail_fd5_0'>
          <view class='flex flex-wrap align-center' @tap.stop="selectSpecificationsFunc()"
            v-if="dataDetails.spec_list && dataDetails.spec_list.length>0">
            <text class='shopDetail_fd5_0_c0_c0'>规格</text>
            <view class='flex flex-wrap align-center justify-end flex-sub shopDetail_fd5_0_c0_c1'>
              <text class='shopDetail_fd5_0_c0_c1_c0' v-if="sku_name!=''">已选：</text>
              <text class='shopDetail_fd5_0_c0_c1_c1' v-if="sku_name==''">请选择规格</text><text
                class='shopDetail_fd5_0_c0_c1_c1_1' v-if="sku_name!=''">{{sku_name}}</text>
              <image class='shopDetail_fd5_0_c0_c1_c2' mode="aspectFit" :src='STATIC_URL+"167.png"'></image>
            </view>
          </view>
          <view class='flex flex-wrap align-center' @tap.stop="popupShow1686125027669=true">
            <text class='shopDetail_fd5_0_c0_c0'>送至</text>
            <view class='flex align-center justify-end flex-sub shopDetail_fd5_0_c0_c1'>
              <image class='shopDetail_fd5_0_c1_c1_c0' mode="aspectFit" :src='STATIC_URL+"37.png"'
                v-if=" addressList.length>0"></image>
              <view class='flex-sub shopDetail_fd5_0_c1_c1_c1' v-if=" addressList.length>0">
                <text class='shopDetail_fd5_0_c0_c1_c1'>{{isokaddress.province}}</text>
                <text class='shopDetail_fd5_0_c0_c1_c1'>{{isokaddress.city}}</text>
                <text class='shopDetail_fd5_0_c0_c1_c1'>{{isokaddress.district}}</text>
                <text class='shopDetail_fd5_0_c0_c1_c1'>{{isokaddress.detail}}</text>
              </view>
              <text class='shopDetail_fd5_0_c1_c1_c2' v-if="addressList.length=='0'">暂无地址</text>
              <image class='shopDetail_fd5_0_c0_c1_c2' mode="aspectFit" :src='STATIC_URL+"167.png"'></image>
            </view>
          </view>
          <view class='flex flex-wrap align-center' @tap.stop="isxianshiFunc()">
            <text class='shopDetail_fd5_0_c0_c0'>运费</text>
            <view class='flex flex-wrap align-center justify-end flex-sub shopDetail_fd5_0_c0_c1'>
              <text class='shopDetail_fd5_0_c0_c1_c0' v-if="dataDetails.is_shipping!='0'">包邮</text><text
                class='shopDetail_fd5_0_c2_c1_c0_1'
                v-if="dataDetails.is_shipping=='0'">{{dataDetails.freight_name}}</text>
              <image class='shopDetail_fd5_0_c0_c1_c2' mode="aspectFit" :src='STATIC_URL+"167.png"'></image>
            </view>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout">
        <view class='flex flex-direction flex-wrap align-stretch shopDetail_fd6_0'>
          <view class='flex flex-wrap align-center self-center flex-sub shopDetail_fd6_0_c0' @tap.stop="handleJumpDiy"
            data-type="navigateTo" :data-url="`/pages/fl/evaluates/evaluates?id=${dataDetails.id}`">
            <view class='flex flex-wrap align-center shopDetail_fd6_0_c0_c0'>
            </view>
            <text class='shopDetail_fd6_0_c0_c1'>商品评价(</text>
            <text class='shopDetail_fd6_0_c0_c1'>{{dataDetails.comment_total}}</text>
            <text class='shopDetail_fd6_0_c0_c1'>)</text>
            <text class='shopDetail_fd6_0_c0_c4'>好评率</text>
            <text class='shopDetail_fd6_0_c0_c5'>{{dataDetails.praise_rate}}</text>
            <text class='shopDetail_fd6_0_c0_c6'>%</text>
            <image class='shopDetail_fd6_0_c0_c7' mode="aspectFit" :src='STATIC_URL+"167.png"'></image>
          </view>
          <template v-for='(item,key0) in dataDetails.comment'>
            <view class='flex flex-direction flex-wrap align-stretch self-center flex-sub shopDetail_fd6_0_c1'
              @tap.stop="handleJumpDiy" data-type="navigateTo"
              :data-url="`/pages/fl/detailsComment/detailsComment?gc_id=${item.aid}`" v-if="key0<'1'" :key='key0'>
              <view class='flex flex-wrap align-start flex-sub shopDetail_fd6_0_c1_c0'>
                <image class='shopDetail_fd6_0_c1_c0_c0' mode="aspectFill" :src='item.avatar'></image>
                <view class='flex flex-direction flex-wrap align-stretch flex-sub shopDetail_fd6_0_c1_c0_c1'>
                  <view class='flex flex-wrap align-center shopDetail_fd6_0_c1_c0_c1_c0'>
                    <text class='flex-sub shopDetail_fd6_0_c1_c0_c1_c0_c0'>{{item.nickname}}</text>
                    <text class='shopDetail_fd6_0_c1_c0_c1_c0_c1'>{{item.create_time}}</text>
                  </view>
                  <view class='flex flex-wrap align-center'>
                    <template v-for="starNum in [1,2,3,4,5]">
                      <image v-if="item.star >= starNum" :key="starNum" class='shopDetail_star1fd6_0_c1_c0_c1_c1'
                        mode="aspectFit" :src='STATIC_URL+"168.png"'></image>
                      <image v-else :key="starNum" class='shopDetail_star1fd6_0_c1_c0_c1_c1' mode="aspectFit"
                        :src='STATIC_URL+"169.png"'></image>
                    </template>
                  </view>
                </view>
              </view>
              <text class='shopDetail_fd6_0_c1_c1'>{{item.content}}</text>
              <view class='flex flex-wrap align-stretch self-center shopDetail_fd6_0_c1_c2'>
                <template v-for='(child,key1) in item.thumb'>
                  <view class='flex flex-direction flex-wrap align-stretch self-center shopDetail_fd6_0_c1_c2_c0'
                    :key='key1'>
                    <image class='shopDetail_fd6_0_c1_c2_c0_c0' mode="aspectFill" :src='child'></image>
                  </view>
                </template>

              </view>
              <view class='flex flex-wrap align-center self-center justify-between flex-sub'>
                <text class='shopDetail_fd6_0_c1_c3_c0'>{{item.key_name}}</text>
                <view class='flex flex-wrap align-center'>
                  <text>评论</text>
                  <image class='shopDetail_fd6_0_c1_c3_c1_c1' mode="aspectFit" :src='STATIC_URL+"170.png"'></image>
                  <text class='shopDetail_fd6_0_c1_c3_c1_c2'>点赞</text>
                  <image class='shopDetail_fd6_0_c1_c3_c1_c1' mode="aspectFit" :src='STATIC_URL+"171.png"'
                    v-if=" item.is_likes==0"></image>
                  <image class='shopDetail_fd6_0_c1_c3_c1_c1' mode="aspectFit" :src='STATIC_URL+"172.png"'
                    v-if=" item.is_likes=='1'"></image>
                </view>
              </view>
            </view>
          </template>

        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout shopDetail_flex_7">
        <view class='flex flex-wrap align-center shopDetail_fd7_0'>
          <view class='flex flex-wrap align-center shopDetail_fd7_0_c0'>
          </view>
          <text class='shopDetail_fd7_0_c1'>商品详情</text>
        </view>
        <view class='flex flex-wrap align-center shopDetail_fd7_1'>
          <jyf-parser class='shopDetail_fd7_1_c0' :html="dataDetails.body | richTextFormat">
          </jyf-parser>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <benben-popup v-model="popupShow1679645673274" :mask="true" :mask-close-able="true" mode='bottom'>
        <!---分享到相册flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
          <view class='flex flex-direction flex-wrap align-stretch shopDetail_fd8_0'>
            <view class='flex flex-wrap align-center justify-between shopDetail_fd8_0_c0'>
              <view class='flex flex-wrap align-center shopDetail_fd8_0_c0_c0'>
              </view>
              <view class='flex flex-wrap align-center justify-center'>
                <image class='shopDetail_fd8_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"127.png"'></image>
                <text class='shopDetail_fd8_0_c0_c1_c1'>保存到相册</text>
                <image class='shopDetail_fd8_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"128.png"'></image>
              </view>
              <view class='flex flex-wrap align-center' @tap.stop="popupShow1679645673274=false">
                <image class='shopDetail_fd8_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"129.png"'></image>
              </view>
            </view>
            <view class='flex flex-wrap align-center justify-center'>
              <view class='flex flex-direction flex-wrap align-stretch justify-around shopDetail_fd8_0_c1_c0'>
                <image class='shopDetail_fd8_0_c1_c0_c0' mode="aspectFit" :src='sharedImg'></image>
              </view>
            </view>
            <view class='flex flex-wrap align-center justify-center shopDetail_fd8_0_c2'>
              <button class='shopDetail_fd8_0_c2_c0' @tap.stop="SavePictureFunc()">保存图片</button>
            </view>
          </view>
        </view>

        <!---分享到相册flex布局结束-->

      </benben-popup>
      <benben-popup v-model="popupShow1689239427011" :mask="true" :mask-close-able="true" mode='bottom'>
        <!---分享flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
          <view class='flex flex-direction flex-wrap align-stretch shopDetail_fd9_0'>
            <view class='flex flex-wrap align-center justify-between shopDetail_fd9_0_c0'>
              <view class='flex flex-wrap align-center shopDetail_fd9_0_c0_c0'>
              </view>
              <view class='flex flex-wrap align-center justify-center shopDetail_fd9_0_c0_c1'>
                <image class='shopDetail_fd9_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"127.png"'></image>
                <text class='shopDetail_fd9_0_c0_c1_c1'>分享到</text>
                <image class='shopDetail_fd9_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"128.png"'></image>
              </view>
              <view class='flex flex-wrap align-center shopDetail_fd9_0_c0_c2'>
                <image class='shopDetail_fd9_0_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"129.png"'
                  @tap.stop="popupShow1689239427011=false"></image>
              </view>
            </view>
            <view class='flex flex-wrap align-center justify-around shopDetail_fd9_0_c1'>
              <view class='flex flex-direction flex-wrap align-center' @tap.stop="MysharedFunc(1)">
                <image class='shopDetail_fd9_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"174.png"'></image>
                <text class='shopDetail_fd9_0_c1_c0_c1'>微信好友</text>
              </view>
              <view class='flex flex-direction flex-wrap align-center' @tap.stop="MysharedFunc(2)">
                <image class='shopDetail_fd9_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"175.png"'></image>
                <text class='shopDetail_fd9_0_c1_c0_c1'>朋友圈</text>
              </view>
              <view class='flex flex-direction flex-wrap align-center' @tap="MysharedFunc(3)">
                <image class='shopDetail_fd9_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"94.png"'></image>
                <text class='shopDetail_fd9_0_c1_c0_c1'>复制链接</text>
              </view>
              <view class='flex flex-direction flex-wrap align-center' @tap.stop="MysharedFunc(4)">
                <image class='shopDetail_fd9_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"155.png"'></image>
                <text class='shopDetail_fd9_0_c1_c0_c1'>分享海报</text>
              </view>
            </view>
          </view>
        </view>

        <!---分享flex布局结束-->

      </benben-popup>
      <benben-popup v-model="popupShow1679637574316" :mask="true" :mask-close-able="true" mode='bottom'>
        <!---温馨提醒flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout shopDetail_flex_10">
          <view class='flex flex-wrap align-center justify-between shopDetail_fd10_0'>
            <view class='flex flex-wrap align-center shopDetail_fd10_0_c0'>
            </view>
            <view class='flex flex-wrap align-center justify-center shopDetail_fd10_0_c1'>
              <image class='shopDetail_fd10_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"127.png"'></image>
              <text class='shopDetail_fd10_0_c1_c1'>温馨提示</text>
              <image class='shopDetail_fd10_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"128.png"'></image>
            </view>
            <image class='shopDetail_fd10_0_c2' mode="aspectFit" :src='STATIC_URL+"129.png"'
              @tap.stop="popupShow1679637574316=false"></image>
          </view>

          <scroll-view class='shopDetail_fd10_1' :scroll-y='true'>
            <view class='flex flex-direction align-stretch benben-scroll flex'>
              <text class='shopDetail_fd10_1_c0'>{{dataDetails.warm_prompt}}</text>
            </view>
          </scroll-view>

        </view>

        <!---温馨提醒flex布局结束-->

      </benben-popup>
      <benben-popup v-model="popupShow1679630010186" :mask="true" :mask-close-able="true" mode='bottom'>
        <!---flex布局flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
          <view class='flex flex-direction align-stretch shopDetail_fd11_0'>
            <view class='flex flex-wrap align-center justify-between shopDetail_fd11_0_c0'>
              <view class='flex flex-wrap align-center shopDetail_fd11_0_c0_c0'>
              </view>
              <view class='flex flex-wrap align-center'>
                <image class='shopDetail_fd11_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"127.png"'></image>
                <text class='shopDetail_fd11_0_c0_c1_c1'>优惠</text>
                <image class='shopDetail_fd11_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"128.png"'></image>
              </view>
              <image class='shopDetail_fd11_0_c0_c2' mode="aspectFit" :src='STATIC_URL+"117.png"'
                @tap.stop="popupShow1679630010186=false"></image>
            </view>

            <scroll-view class='shopDetail_fd11_0_c1' :scroll-y='true'>
              <view class='flex flex-direction align-stretch benben-scroll flex'>
                <template v-for='(item,key0) in dataDetails.coupon_list'>
                  <view class='flex flex-direction align-stretch shopDetail_fd11_0_c1_c0' :key='key0'>
                    <view class='flex flex-wrap align-stretch shopDetail_fd11_0_c1_c0_c0' v-if="item.is_receive!='1'">
                      <view class='flex flex-direction align-center justify-center shopDetail_fd11_0_c1_c0_c0_c0'>
                        <view class='flex align-center'>
                          <text class='shopDetail_fd11_0_c1_c0_c0_c0_c0_c0'>￥</text>
                          <text class='shopDetail_fd11_0_c1_c0_c0_c0_c0_c1'>{{item.money}}</text>
                        </view>
                        <view class='flex align-center shopDetail_fd11_0_c1_c0_c0_c0_c1'>
                          <text>满</text>
                          <text>{{item.min_order_money}}</text>
                          <text>可减</text>
                        </view>
                      </view>
                      <view class='flex flex-direction align-stretch flex-sub shopDetail_fd11_0_c1_c0_c0_c1'>
                        <text class='shopDetail_fd11_0_c1_c0_c0_c1_c0'>{{item.name}}</text>
                        <text class='shopDetail_fd11_0_c1_c0_c0_c1_c1'>{{item.content}}</text>
                        <view class='flex align-center shopDetail_fd11_0_c1_c0_c0_c1_c2'>
                          <text>有效期至：</text>
                          <text>{{item.end_time}}</text>
                        </view>
                      </view>
                      <view class='flex flex-wrap align-center shopDetail_fd11_0_c1_c0_c0_c2'
                        @tap="lingqucoupon_idFunc(item.aid)">
                        <text class='shopDetail_fd11_0_c1_c0_c0_c2_c0'>立
                          即
                          领
                          取</text>
                      </view>
                    </view>
                    <view class='flex flex-wrap align-stretch shopDetail_fd11_0_c1_c0_c1' v-if="item.is_receive=='1'">
                      <view class='flex flex-direction align-center justify-center shopDetail_fd11_0_c1_c0_c0_c0'>
                        <view class='flex align-center'>
                          <text class='shopDetail_fd11_0_c1_c0_c0_c0_c0_c0'>￥</text>
                          <text class='shopDetail_fd11_0_c1_c0_c0_c0_c0_c1'>{{item.money}}</text>
                        </view>
                        <view class='flex align-center shopDetail_fd11_0_c1_c0_c0_c0_c1'>
                          <text>满</text>
                          <text>{{item.min_order_money}}</text>
                          <text>可减</text>
                        </view>
                      </view>
                      <view class='flex flex-direction align-stretch flex-sub shopDetail_fd11_0_c1_c0_c0_c1'>
                        <text class='shopDetail_fd11_0_c1_c0_c1_c1_c0'>{{item.name}}</text>
                        <text class='shopDetail_fd11_0_c1_c0_c1_c1_c1'>{{item.content}}</text>
                        <view class='flex align-center shopDetail_fd11_0_c1_c0_c1_c1_c2'>
                          <text>有效期至：</text>
                          <text>{{item.end_time}}</text>
                        </view>
                      </view>
                      <view class='flex flex-wrap align-center shopDetail_fd11_0_c1_c0_c0_c2'>
                        <text class='shopDetail_fd11_0_c1_c0_c0_c2_c0'>已
                          领
                          取</text>
                      </view>
                    </view>
                  </view>
                </template>

                <benben-empty :list-data="dataDetails.coupon_list">
                  <view class='flex flex-direction flex-wrap align-center shopDetail_fd11_0_c1_c1'>
                    <image class='shopDetail_fd11_0_c1_c1_c0' mode="widthFix" :src='STATIC_URL+"178.png"'></image>

                  </view>
                </benben-empty>
              </view>
            </scroll-view>

          </view>
        </view>

        <!---flex布局flex布局结束-->

      </benben-popup>
      <benben-popup v-model="popupShow1665473180775" :mask="true" :mask-close-able="true" mode='bottom'>
        <!---运费说明弹窗flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout shopDetail_flex_12">
          <view class='flex flex-wrap align-center justify-between shopDetail_fd12_0'>
            <view class='flex flex-wrap align-center shopDetail_fd12_0_c0'>
            </view>
            <view class='flex flex-wrap align-center justify-center shopDetail_fd12_0_c1'>
              <image class='shopDetail_fd12_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"127.png"'></image>
              <text class='shopDetail_fd12_0_c1_c1'>运费说明</text>
              <image class='shopDetail_fd12_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"128.png"'></image>
            </view>
            <image class='shopDetail_fd12_0_c2' mode="aspectFit" :src='STATIC_URL+"129.png"'
              @tap.stop="popupShow1665473180775=false"></image>
          </view>

          <scroll-view class='shopDetail_fd12_1' :scroll-y='true'>
            <view class='flex flex-direction align-stretch benben-scroll flex'>
              <text class='shopDetail_fd12_1_c0'>{{dataDetails.freight_explain}}</text>
            </view>
          </scroll-view>

        </view>

        <!---运费说明弹窗flex布局结束-->

      </benben-popup>
      <view class="flex flex-wrap align-center benben-position-layout flex shopDetail_flex_13">
        <view class='flex flex-wrap align-center justify-between flex-sub'>
          <view class='flex flex-direction flex-wrap align-center shopDetail_fd13_0_c0'
            @tap="popupShow1689239427011=true">
            <image class='shopDetail_fd13_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"546.png"'></image>
            <text class='shopDetail_fd13_0_c0_c1'>分享</text>
          </view>
          <view class='flex flex-direction flex-wrap align-center self-center justify-center shopDetail_fd13_0_c0'
            @tap.stop="isLikeFunc()">
            <image class='shopDetail_fd13_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"514.png"'
              v-if="dataDetails.is_collect=='0'"></image>
            <image class='shopDetail_fd13_0_c1_c0_1' mode="aspectFit" :src='STATIC_URL+"166.png"'
              v-if="dataDetails.is_collect=='1'"></image>
            <text class='shopDetail_fd13_0_c1_c1' v-if="dataDetails.is_collect=='0'">收藏</text><text
              class='shopDetail_fd13_0_c1_c1_1' v-if="dataDetails.is_collect=='1'">已收藏</text>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-center self-center justify-center shopDetail_fd13_1'
          @tap="buySpecificationsFunc()">
          <text class='shopDetail_fd13_1_c0'>立即购买</text>
        </view>

      </view>
      <view :style="{height: '108rpx'}"></view>
      <benben-popup v-model="popupShow1686125027669" :mask="true" :mask-close-able="true" mode='bottom'>
        <!---配送至flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout shopDetail_flex_14">
          <view class='flex flex-direction flex-wrap align-stretch shopDetail_fd14_0'>
            <view class='flex flex-wrap align-center justify-between shopDetail_fd14_0_c0'>
              <view class='flex flex-wrap align-center shopDetail_fd14_0_c0_c0'>
              </view>
              <view class='flex flex-wrap align-center justify-center'>
                <image class='shopDetail_fd14_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"127.png"'></image>
                <text class='shopDetail_fd14_0_c0_c1_c1'>配送至</text>
                <image class='shopDetail_fd14_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"128.png"'></image>
              </view>
              <view class='flex flex-wrap align-center shopDetail_fd14_0_c0_c2'>
                <image class='shopDetail_fd14_0_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"129.png"'
                  @tap.stop="popupShow1686125027669=false"></image>
              </view>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch self-center justify-center shopDetail_fd14_1'>

            <scroll-view class='shopDetail_fd14_1_c0' :scroll-y='true'>
              <view class='flex flex-direction align-stretch benben-scroll flex'>
                <benben-select-diy ref="showSelectPopup1693558513267"
                  class-name='flex flex-direction align-stretch flex' :items.sync="addressList" v-model="address_id"
                  @change="chooseAddrFunc($event)" default-type="aid" :allow-cancel='false' type="radio"
                  :disabled='false' v-if=" addressList.length>0">
                  <template v-for='(item,key0) in addressList'>
                    <view v-if="item.isSelected" class='flex flex-direction align-stretch flex' :key="key0"
                      @tap="$refs.showSelectPopup1693558513267.tapHandle(key0)">
                      <view class='flex flex-wrap align-center shopDetail_fd14_1_c0_c0_c0_c0'>
                        <image class='shopDetail_fd14_1_c0_c0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"80.png"'>
                        </image>
                        <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
                          <view class='flex align-center shopDetail_fd14_1_c0_c0_c0_c0_c1_c0'>
                            <view class='flex flex-wrap align-center shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c0'>
                              <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c0_c0'>{{item.label_name}}</text>
                            </view>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c1'>{{item.real_name}}</text>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c2'>(</text>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c2' v-if="item.sex=='1'">先生</text><text
                              class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c2' v-if="item.sex!='1'">女士</text>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c2'>)</text>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c5'>{{item.mobile}}</text>
                          </view>
                          <view>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c1_c0'>{{item.province}}</text>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c1_c0'>{{item.city}}</text>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c1_c0'>{{item.district}}</text>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c1_c0'>{{item.detail}}</text>
                          </view>
                        </view>
                        <view class='flex flex-wrap align-center shopDetail_fd14_1_c0_c0_c0_c0_c2'
                          @tap.stop="handleJumpDiy" data-type="navigateTo"
                          :data-url="`/pages/wd/editAddress/editAddress?id=${item.aid}`">
                          <image class='shopDetail_fd14_1_c0_c0_c0_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"7.png"'>
                          </image>
                          <text class='shopDetail_fd14_1_c0_c0_c0_c0_c2_c1'>编辑</text>
                        </view>
                      </view>
                    </view>
                    <view v-else class='flex flex-direction align-stretch self-center flex' :key="key0"
                      @tap="$refs.showSelectPopup1693558513267.tapHandle(key0)">
                      <view class='flex flex-wrap align-center shopDetail_fd14_1_c0_c0_c0_c0'>
                        <image class='shopDetail_fd14_1_c0_c0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"182.png"'>
                        </image>
                        <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
                          <view class='flex align-center shopDetail_fd14_1_c0_c0_c0_c0_c1_c0'>
                            <view class='flex flex-wrap align-center shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c0'>
                              <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c0_c0'>{{item.label_name}}</text>
                            </view>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c1'>{{item.real_name}}</text>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c2'>(</text>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c2' v-if="item.sex=='1'">先生</text><text
                              class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c2' v-if="item.sex!='1'">女士</text>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c2'>)</text>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c5'>{{item.mobile}}</text>
                          </view>
                          <view>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c1_c0'>{{item.province}}</text>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c1_c0'>{{item.city}}</text>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c1_c0'>{{item.district}}</text>
                            <text class='shopDetail_fd14_1_c0_c0_c0_c0_c1_c1_c0'>{{item.detail}}</text>
                          </view>
                        </view>
                        <view class='flex flex-wrap align-center shopDetail_fd14_1_c0_c0_c0_c0_c2'
                          @tap.stop="handleJumpDiy" data-type="navigateTo"
                          :data-url="`/pages/wd/editAddress/editAddress?id=${item.aid}`">
                          <image class='shopDetail_fd14_1_c0_c0_c0_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"7.png"'>
                          </image>
                          <text class='shopDetail_fd14_1_c0_c0_c0_c0_c2_c1'>编辑</text>
                        </view>
                      </view>
                    </view>
                  </template></benben-select-diy>
                <benben-empty :list-data="addressList">
                  <view class='flex flex-direction flex-wrap align-center shopDetail_fd14_1_c0_c1'>
                    <image class='shopDetail_fd14_1_c0_c1_c0' mode="widthFix" :src='STATIC_URL+"178.png"'></image>

                  </view>
                </benben-empty>
              </view>
            </scroll-view>

          </view>
          <view class='flex flex-wrap align-center justify-center shopDetail_fd14_2' @tap.stop="handleJumpDiy"
            data-type="navigateTo" :data-url="`/pages/wd/address/address?is_change=1`">
            <text class='shopDetail_fd14_2_c0'>新增地址</text>
          </view>
        </view>

        <!---配送至flex布局结束-->

      </benben-popup>


    </view>
  </view>
</template>
<script>
  import {
    validate
  } from '@/common/utils/validate.js'
  export default {
    components: {},


    data() {
      return {
        "popupShow1686125027669": false,
        "popupShow1665473180775": false,
        "popupShow1679630010186": false,
        "popupShow1679637574316": false,
        "popupShow1689239427011": false,
        "popupShow1679645673274": false,
        "painterParam1690420071407": false,
        "bannerIndexfd2_0_c0": 0,
        "bannerIndexfd2_0_c1_c0": 0,
        "coupon_id": "",
        "buy_num": 1,
        "sku_id": "",
        "sku_name": "",
        "dataMessage": {
          "order_type": "",
          "list": [],
          "freight_explain": "",
          "shop_coupon": "",
          "coupon": "",
          "coupon_money": "",
          "address": {
            "aid": "",
            "member_id": "",
            "uid": "",
            "create_time": "",
            "update_time": "",
            "sort": "",
            "is_del": "",
            "status": "",
            "create_id": "",
            "row_lock": "",
            "user_id": "",
            "real_name": "",
            "mobile": "",
            "detail": "",
            "province": "",
            "province_id": "",
            "city": "",
            "city_id": "",
            "district": "",
            "district_id": "",
            "sex": "",
            "label_name": "",
            "is_default": "",
            "lng": "",
            "lat": "",
            "address_code": "",
            "address_code_province": "",
            "address_code_city": "",
            "address_code_district": ""
          },
          "payable_money": "",
          "order_money": "",
          "coupon_usable_num": "",
          "express_price": "",
          "all_discount_money": "",
          "discount_str": ""
        },
        "datakefu": {
          "chat_url": ""
        },
        "dataDetails": {
          "id": "",
          "cid": "",
          "adslogan": "",
          "name": "",
          "sales_sum": "",
          "spectypeid": "",
          "click": "",
          "is_recommend": "",
          "is_new": "",
          "is_hot": "",
          "shop_price": "",
          "member_price": "",
          "market_price": "",
          "images": [],
          "thumb": "",
          "body": "",
          "description": "",
          "stock": "",
          "is_spec": "",
          "is_shipping": "",
          "freight_price": "",
          "support_self_mention": "",
          "freight_template_id": "",
          "partner_id": "",
          "video": "",
          "video_img": "",
          "share_award_money": "",
          "discounts": "",
          "spec_list": [],
          "sku_list": {
            "sku_id": "",
            "key": "",
            "key_name": "",
            "member_price": "",
            "shop_price": "",
            "market_price": "",
            "stock": ""
          },
          "coupon_list": [],
          "activity_info": {
            "activity_type": ""
          },
          "user_level": "",
          "is_collect": "",
          "comment_total": "",
          "praise_rate": "",
          "freight_explain": "",
          "freight_name": "",
          "sale_top_name": "",
          "question_total": "",
          "question_list": [],
          "goods_type": "",
          "chat_price": "",
          "shop_info": {
            "store_id": "",
            "store_name": "",
            "store_logo": "",
            "level_name": "",
            "store_star": "",
            "store_collection_num": ""
          },
          "warm_prompt": "",
          "comment": [],
          "order_list": []
        },
        "index": 0,
        "isokaddress": {
          "address_code": "",
          "address_code_area": "",
          "aid": "",
          "city": "",
          "city_id": "",
          "detail": "",
          "district": "",
          "district_id": "",
          "is_default": "",
          "label_name": "",
          "mobile": "",
          "province": "",
          "province_id": "",
          "real_name": "",
          "sex": ""
        },
        "addressList": [],
        "address_id": "",
        "sharedInfo": {
          "url": "",
          "qrcode_url": ""
        },
        "sharedImg": "",
        "dataCatNum": {
          "count": ""
        },
        "id": "296"
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },
      isLogin() {
        return this.$store.state.token == '' ? false : true;
      },
      userInfo: {
        get() {
          return this.$store.state.userInfo
        },
        set() {
          this.$store.commit('updateUserInfo', value)
        },
      },
      /**
       * @returns
       * Android       安卓
       * IOS       苹果
       * Web       H5 或 pc
       * Wechat       微信小程序
       * Alipay       支付宝小程序
       * Baidu       百度小程序
       * ByteBounce       抖音小程序
       * 360       360小程序
       * FastApp       快应用
       */
      appSystemIdentification() {
        return this.$store.state.appSystemIdentification
      },
      userInfo: {
        get() {
          return this.$store.state.userInfo
        },
        set() {
          this.$store.commit('updateUserInfo', value)
        },
      }
    },
    watch: {},
    onLoad(options) {
      let {
        id
      } = options
      if (id !== undefined) this.id = id
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {

    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      //是否显示运费弹窗
      isxianshiFunc() {
        if (this.dataDetails.is_shipping == '1') {
          this.popupShow1665473180775 = false;
        } else {
          this.popupShow1665473180775 = true;
        }
      },
      //获取地址列表手写方法
      async getAddressListFunc() {
        if (this.isLogin === true) {
          //请求方法
          //数据验证
          this.addressList = []
          let dataaddressList = await this.$api.get(global.apiUrls.post636f7683cf195, {})
          if (dataaddressList.data.code != 1) {
            this.$message.info(dataaddressList.data.msg)
            return
          }
          let infoaddressList = dataaddressList.data
          this.addressList = infoaddressList.data.data //多了一层data
          if (this.addressList.length > 0) {
            this.isokaddress = this.addressList[0]
            this.address_id = this.addressList[0].aid
          }

          return
        }
      },
      //规格选择多规格弹窗
      selectSpecificationsFunc() {
        this.$refs.specsPopup1665474308130.open('all');
      },
      //多规格购物车弹窗
      carSpecificationsFunc() {
        this.$refs.specsPopup1665474308130.open('cart');
      },
      //多规格立即购买
      buySpecificationsFunc() {
        this.$refs.specsPopup1665474308130.open('buy');
      },
      //加入购物车
      async addCarFunc() {
        if (this.isLogin === true) {
          //请求方法
          //数据验证

          let data6412f82acb5ba = await this.$api.post(global.apiUrls.post6412f82acb5ba, {
            goods_id: this.id,
            sku_id: this.sku_id,
            num: this.buy_num
          });

          if (data6412f82acb5ba.data.code != 1) {
            this.$message.info(data6412f82acb5ba.data.msg);
            return
          }



          this.$refs.specsPopup1665474308130.close();
          this.$message.info('加入购物车成功');
          this.getCatNumFunc()
        } else {
          this.$message.info('请先登录');
          this.toLoginDiy();
        }
      },
      //立即购买
      async buyNowFunc() {
        if (this.isLogin === true) {
          //请求方法
          //数据验证

          let datadataMessage = await this.$api.post(global.apiUrls.post62c6a51abaf56, {
            goods_id: this.dataDetails.id,
            sku_id: this.sku_id,
            number: this.buy_num,
            address_id: this.address_id,
            money: this.dataDetails.shop_price
          });

          if (datadataMessage.data.code != 1) {
            this.$message.info(datadataMessage.data.msg);
            return
          }
          let infodataMessage = datadataMessage.data;
          this.dataMessage = infodataMessage.data

          this.$refs.specsPopup1665474308130.close();
          this.$urouter.navigateTo(
            `/pages/ddgl/directOrder/directOrder?goods_id=${this.dataDetails.id}&sku_id=${this.sku_id}&num=${this.buy_num}&money=${this.dataDetails.shop_price}&address_id=${this.address_id}&shop_coupon_id=&number=&activity_id=&invoice_id=&cartid=&id=`
            );
        } else {
          this.$message.info('请先登录');
          this.toLoginDiy();
        }
      },
      //领取优惠券
      async lingqucoupon_idFunc(id) {
        if (this.isLogin === true) {
          //请求方法
          //数据验证

          let data64196d6a86d0d = await this.$api.post(global.apiUrls.post64196d6a86d0d, {
            id: id
          });

          if (data64196d6a86d0d.data.code != 1) {
            this.$message.info(data64196d6a86d0d.data.msg);
            return
          }



          this.$message.info('领取成功');
          this.getDetailFunc()
        } else {
          this.$message.info('请先登录');
          this.toLoginDiy();
        }
      },
      //收藏
      async isLikeFunc() {
        if (this.isLogin === true) {
          //请求方法
          //数据验证

          let data636caf10164ce = await this.$api.post(global.apiUrls.post636caf10164ce, {
            goods_id: this.id
          });

          if (data636caf10164ce.data.code != 1) {
            this.$message.info(data636caf10164ce.data.msg);
            return
          }



          if (this.dataDetails.is_collect == '1') {
            this.$message.info('取消收藏成功');
            this.dataDetails.is_collect = '0';
          } else {
            this.$message.info('收藏成功');
            this.dataDetails.is_collect = '1';
          }
        } else {
          this.$message.info('您还没有登录，请先登录');
          setTimeout(() => {
            this.toLoginDiy();
          }, 500)
        }
      },
      //获取客服链接
      async getKefuFuncFunc() {
        if (this.isLogin === true) {
          //请求方法
          //数据验证

          let datadatakefu = await this.$api.get(global.apiUrls.post64897f6fd5486, {
            store_id: '1',
            goods_id: this.dataDetails.id,
            sku_id: this.sku_id
          });

          if (datadatakefu.data.code != 1) {
            this.$message.info(datadatakefu.data.msg);
            return
          }
          let infodatakefu = datadatakefu.data;
          this.datakefu = infodatakefu.data

          this.dynamicJump(this.datakefu.chat_url);
        } else {
          this.$message.info('请先登录');
          this.toLoginDiy();
        }
      },
      //商品管理-获取商品详情
      async getDetailFunc() {
        //请求方法
        //数据验证

        let datadataDetails = await this.$api.get(global.apiUrls.post641987361d887, {
          goods_id: this.id,
          user_id: this.userInfo.id
        });

        if (datadataDetails.data.code != 1) {
          this.$message.info(datadataDetails.data.msg);
          return
        }
        let infodataDetails = datadataDetails.data;
        this.dataDetails = infodataDetails.data

        this.getSharedUrlFunc()
      },
      //获取选中地址信息
      async chooseAddrFunc(e) {
        console.log(e)
        this.addressList.forEach((item, index) => {
          if (item.aid == e.label) {
            this.isokaddress = item
            this.popupShow1686125027669 = false
            console.log(this.isokaddress)
          }
        })
      },
      //分享
      async MysharedFunc(type) {
        if (type == '1' && this.isLogin === true) {
          this.getSharedUrlFunc()
          await this.syncUniApi('share', {
            'provider': 'weixin',
            'scene': 'WXSceneSession',
            'type': '0',
            'title': '推荐一个好物给您',
            'href': this.sharedInfo.url,
            'summary': this.dataDetails.name,
            'imageUrl': this.dataDetails.thumb
          })
        } else if (type == '2' && this.isLogin === true) {
          this.getSharedUrlFunc()
          await this.syncUniApi('share', {
            'provider': 'weixin',
            'scene': 'WXSceneTimeline',
            'type': '0',
            'title': '推荐一个好物给您',
            'href': this.sharedInfo.url,
            'summary': this.dataDetails.name,
            'imageUrl': this.dataDetails.thumb
          })
        } else if (type == '4' && this.isLogin === true) {
          this.sharedImg = await this.painterGenerateImages('painter1690420071407', 'painterParam1690420071407');
          this.popupShow1689239427011 = false;
          this.popupShow1679645673274 = true;
        } else if (type == '3' && this.isLogin === true) {
          this.getSharedUrlFunc()
          this.copyText(this.sharedInfo.url);
        } else if (this.isLogin === false) {
          this.toLoginDiy();
        }
      },
      //获取分享链接
      async getSharedUrlFunc() {
        if (this.isLogin !== true) {
          return
        }
        //请求方法
        //数据验证

        let datasharedInfo = await this.$api.get(global.apiUrls.post642402f366fd4, {
          goods_id: this.dataDetails.id,
          sku_id: this.sku_id
        });

        if (datasharedInfo.data.code != 1) {
          this.$message.info(datasharedInfo.data.msg);
          return
        }
        let infosharedInfo = datasharedInfo.data;
        this.sharedInfo = infosharedInfo.data

      },
      //保存海报图片
      SavePictureFunc() {
        if (this.appSystemIdentification == 'IOS' || this.appSystemIdentification == 'Android') {
          uni.saveImageToPhotosAlbum({
            filePath: this.sharedImg,
            success: (res) => {
              console.log(res)
              this.$message.info(global.i18n.t('保存成功'))
              this.close()
            },
          })
        } else if (this.appSystemIdentification == 'Web') {
          uni.downloadFile({
            url: this.sharedImg,
            success: (res) => {
              console.log(res)
              if (res.statusCode === 200) {
                console.log('下载成功');
                var oA = document.createElement("a");
                oA.download = ''; // 设置下载的文件名，默认是'下载'
                oA.href = res.tempFilePath; //临时路径再保存到本地
                document.body.appendChild(oA);
                oA.click();
                oA.remove(); // 下载之后把创建的元素删除
              }

            }
          });
        } else if (this.appSystemIdentification == 'Wechat') {
          uni.getImageInfo({
            src: this.sharedImg,
            success: (res) => {
              uni.saveImageToPhotosAlbum({
                filePath: res.path,
                success: (ress) => {
                  this.$message.info(this.$t('保存成功'))
                },
                fail: (err) => {
                  console.log(err);
                  this.$message.info(this.$t('保存失败'))
                }
              })
            }
          })
        }
        this.popupShow1679645673274 = false;
      },
      //获取购物车数量
      async getCatNumFunc() {
        if (this.isLogin === true) {
          //请求方法
          //数据验证

          let datadataCatNum = await this.$api.post(global.apiUrls.post62c6909e6ce4f, {
            type: 'diy'
          });

          if (datadataCatNum.data.code != 1) {
            this.$message.info(datadataCatNum.data.msg);
            return
          }
          let infodataCatNum = datadataCatNum.data;
          this.dataCatNum = infodataCatNum.data

        }
      }
    }
  };
</script>
<style lang="scss" scoped>
  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: #fff();
    background-size: 100% auto;
  }

  .shopDetail_flex_specs_0 {
    --active-sku-tag-color: var(--benbenFontColor3);
    --active-sku-tag-bg: var(--benbenbgColor7);
    --sku-tag-color: var(--benbenFontColor0);
    --sku-tag-bg: #f5f5f5;
    --buy-btn-bg: var(--benbenbgColor7);
    --confirm-btn-bg: var(--benbenbgColor7);
  }

  .shopDetail_flex_1 {
    background: transparent();
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .shopDetail_fd1_1_c0 {
    width: 42rpx;
    height: 42rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 32rpx 0rpx 0rpx;
  }

  .shopDetail_fd1_0_c0 {
    font-size: 32rpx;
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .shopDetail_fd1_0 {
    width: 100rpx;
    height: 88rpx;
  }

  .shopDetail_numberfd2_0_c1_c0_c0 {
    background: #525050();
    position: absolute;
    bottom: 20rpx;
    right: 30rpx;
    width: 80rpx;
    height: 40rpx;
    border-radius: 6rpx 6rpx 6rpx 6rpx;
    font-size: 24rpx;
    color: #FFFFFF;
    line-height: 46rpx;
    font-weight: 400;
  }

  .shopDetail_fd2_0_c1_c0_c1_c0_c1 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 48rpx;
  }

  .shopDetail_fd2_0_c1_c0_c1_c0_c0 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 48rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: right;
    width: 50rpx;
  }

  .shopDetail_fd2_0_c1_c0_c1_c0 {
    height: 48rpx;
    padding: 0rpx 12rpx 0rpx 20rpx;
  }

  .shopDetail_fd2_0_c1_c0 {
    width: 290rpx;
    height: 48rpx;
  }

  .shopDetail_fd2_0_c1 {
    background: rgba(0, 0, 0, 0.5);
    width: 290rpx;
    height: 48rpx;
    background-size: 100% auto;
    border-radius: 24rpx;
    position: absolute;
    bottom: 24rpx;
    left: 20rpx;
  }

  .shopDetail_numberfd2_0_c0_c0_c0 {
    font-size: 26rpx;
  }

  .shopDetail_numberfd2_0_c0_c0 {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 20rpx;
    right: 30rpx;
    height: 41rpx;
    border-radius: 21rpx 21rpx 21rpx 21rpx;
    font-size: 24rpx;
    color: #FFFFFF;
    line-height: 46rpx;
    font-weight: 400;
    padding: 5rpx 20rpx 5rpx 20rpx;
  }

  .shopDetail_fd2_0_c0_c2_c0 {
    width: 750rpx;
    height: 750rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd2_0_c0_c1_c0 {
    width: 750rpx;
    height: 750rpx;
    border-radius: 10rpx 10rpx 10rpx 10rpx;
  }

  .shopDetail_fd2_0_c0 {
    width: 750rpx;
    height: 750rpx;
  }

  .shopDetail_swiperDotUnselectedfd2_0_c0 {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.3);
    width: 16rpx;
    height: 16rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    margin: 0rpx 6rpx 0rpx 0rpx;
    font-size: 24rpx;
    color: #fff;
  }

  .shopDetail_swiperDotSelectedfd2_0_c0 {
    border: 1px solid #00A7FF;
    background: #00A7FF();
    width: 16rpx;
    height: 16rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    margin: 0rpx 6rpx 0rpx 0rpx;
    font-size: 24rpx;
    color: #fff;
  }

  ::v-deep .shopDetail_swiperDotfd2_0_c0 {
    position: absolute;
    bottom: 20rpx;
    left: 0rpx;
    right: 0rpx;
  }

  .shopDetail_fd2_0 {
    position: relative;
  }

  .shopDetail_fd4_0_c1_c0_c5 {
    font-size: 20rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
    line-height: 28rpx;
  }

  .shopDetail_fd4_0_c1_c0_c4 {
    font-size: 20rpx;
    font-weight: 500;
    color: var(--benbenFontColor0);
    line-height: 28rpx;
  }

  .shopDetail_fd4_0_c1_c0_c3 {
    font-size: 20rpx;
    font-weight: 500;
    color: var(--benbenFontColor0);
    line-height: 28rpx;
    margin: 0rpx 0rpx 0rpx 40rpx;
  }

  .shopDetail_price2_fd4_0_c1_c0_c2_c1 {
    font-size: 24rpx;
    line-height: 33rpx;
  }

  .shopDetail_fd4_0_c1_c0_c2 {
    margin: 0rpx auto 0rpx 20rpx;
    color: rgba(153, 153, 153, 1);
    font-size: 24rpx;
    line-height: 33rpx;
    font-weight: 400;
  }

  .shopDetail_price2_fd4_0_c1_c0_c1 {
    font-size: 32rpx;
    font-weight: 700;
    color: rgba(204, 0, 0, 1);
  }

  .shopDetail_price1_fd4_0_c1_c0_c1 {
    font-size: 40rpx;
    font-weight: 700;
    color: rgba(204, 0, 0, 1);
  }

  .shopDetail_fd4_0_c1_c0_c1 {
    color: var(--benbenFontColor0);
    font-weight: 600;
  }

  .shopDetail_fd4_0_c1_c0_c0 {
    font-size: 20rpx;
    font-weight: 500;
    color: rgba(204, 0, 0, 1);
  }

  .shopDetail_fd4_0_c1_c0 {
    padding: 22rpx 0rpx 7rpx 0rpx;
    color: var(--benbenFontColor0);
  }

  .shopDetail_fd4_0_c1 {
    background: var(--benbenbgColor4);
    color: #333;
    background-size: 100% 100%;
  }

  .shopDetail_fd4_0_c0_c1_c1_1 {
    font-size: 20rpx;
    font-weight: 500;
    color: rgba(255, 154, 65, 1);
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd4_0_c0_c1_c1 {
    font-size: 20rpx;
    font-weight: 500;
    color: var(--benbenFontColor0);
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd4_0_c0_c1_c0 {
    width: 32rpx;
    height: 32rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd4_0_c0_c1 {
    width: 100rpx;
  }

  .shopDetail_fd4_0_c0_c0_c0 {
    color: var(--benbenFontColor0);
    font-size: 32rpx;
    font-weight: 500;
    line-height: 46rpx;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .shopDetail_fd4_0_c0 {
    border-bottom: 1px solid #eee;
    padding: 0rpx 0rpx 24rpx 0rpx;
  }

  .shopDetail_fd4_0 {
    background: var(--benbenbgColor1);
    padding: 32rpx 24rpx 0rpx 24rpx;
    background-size: 100% auto;
  }

  .shopDetail_fd5_0_c2_c1_c0_1 {
    font-size: 28rpx;
    font-weight: 400;
    color: #333;
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .shopDetail_fd5_0_c1_c1_c2 {
    margin: 0rpx 24rpx 0rpx 0rpx;
    color: var(--benbenFontColor0);
  }

  .shopDetail_fd5_0_c1_c1_c1 {
    margin: 0rpx 24rpx 0rpx 8rpx;
    height: 40rpx;
    line-height: 40rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: right;
  }

  .shopDetail_fd5_0_c1_c1_c0 {
    width: 32rpx;
    height: 32rpx;
    margin: 0rpx auto 0rpx 0rpx;
  }

  .shopDetail_fd5_0_c0_c1_c2 {
    width: 12rpx;
    height: 22rpx;
    margin: 0rpx 0rpx 0rpx 12rpx;
  }

  .shopDetail_fd5_0_c0_c1_c1_1 {
    font-size: 28rpx;
    font-weight: 400;
    color: #374047;
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .shopDetail_fd5_0_c0_c1_c1 {
    font-size: 28rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
  }

  .shopDetail_fd5_0_c0_c1_c0 {
    font-size: 28rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .shopDetail_fd5_0_c0_c1 {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 24rpx 0rpx 24rpx 0rpx;
  }

  .shopDetail_fd5_0_c0_c0 {
    font-size: 28rpx;
    font-weight: 700;
    color: var(--benbenFontColor0);
    margin: 0rpx 49rpx 0rpx 0rpx;
  }

  .shopDetail_fd5_0 {
    border-top: 10px solid rgba(246, 247, 249, 1);
    background: var(--benbenbgColor1);
    padding: 0rpx 24rpx 0rpx 24rpx;
    background-size: 100% auto;
  }

  .shopDetail_fd6_0_c1_c3_c1_c2 {
    margin: 0rpx 0rpx 0rpx 48rpx;
  }

  .shopDetail_fd6_0_c1_c3_c1_c1 {
    width: 26rpx;
    height: 24rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd6_0_c1_c3_c0 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: var(--benbenFontColor2);
  }

  .shopDetail_fd6_0_c1_c2_c0_c0 {
    width: 220rpx;
    height: 220rpx;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
  }

  .shopDetail_fd6_0_c1_c2_c0 {
    margin: 12rpx 6rpx 12rpx 6rpx;
  }

  .shopDetail_fd6_0_c1_c2 {
    margin: 12rpx 0rpx 12rpx 0rpx;
  }

  .shopDetail_fd6_0_c1_c1 {
    font-size: 28rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
    line-height: 40rpx;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 0rpx 12rpx 0rpx 12rpx;
  }

  .shopDetail_star1fd6_0_c1_c0_c1_c1 {
    height: 18rpx;
    margin: 0rpx 2rpx 0rpx 2rpx;
    width: 18rpx;
  }

  .shopDetail_star1fd6_0_c1_c0_c1_c1 {
    width: 18rpx;
    height: 18rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 2rpx 0rpx 2rpx;
  }

  .shopDetail_fd6_0_c1_c0_c1_c0_c1 {
    line-height: 30rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: var(--benbenFontColor2);
  }

  .shopDetail_fd6_0_c1_c0_c1_c0_c0 {
    line-height: 40rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
  }

  .shopDetail_fd6_0_c1_c0_c1_c0 {
    margin: 0rpx 0rpx 8rpx 0rpx;
  }

  .shopDetail_fd6_0_c1_c0_c1 {
    margin: 0rpx 0rpx 24rpx 16rpx;
  }

  .shopDetail_fd6_0_c1_c0_c0 {
    width: 56rpx;
    height: 56rpx;
    border-radius: 50rpx 50rpx 50rpx 50rpx;
  }

  .shopDetail_fd6_0_c1_c0 {
    margin: 0rpx 12rpx 0rpx 12rpx;
  }

  .shopDetail_fd6_0_c1 {
    padding: 0rpx 0rpx 32rpx 0rpx;
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .shopDetail_fd6_0_c0_c7 {
    width: 12rpx;
    height: 22rpx;
    margin: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd6_0_c0_c6 {
    font-size: 24rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
    margin: 0rpx 12rpx 0rpx 0rpx;
    line-height: 33rpx;
  }

  .shopDetail_fd6_0_c0_c5 {
    font-size: 24rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
    line-height: 33rpx;
  }

  .shopDetail_fd6_0_c0_c4 {
    font-size: 24rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
    text-align: right;
    line-height: 33rpx;
    margin: 0rpx 0rpx 0rpx auto;
  }

  .shopDetail_fd6_0_c0_c1 {
    font-size: 32rpx;
    font-weight: 700;
    color: var(--benbenFontColor0);
    line-height: 45rpx;
  }

  .shopDetail_fd6_0_c0_c0 {
    background: var(--benbenbgColor7);
    width: 7rpx;
    height: 30rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
    border-radius: 3rpx;
  }

  .shopDetail_fd6_0_c0 {
    padding: 32rpx 0rpx 32rpx 0rpx;
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .shopDetail_fd6_0 {
    border-top: 10px solid rgba(246, 247, 249, 1);
    background: var(--benbenbgColor1);
    background-size: 100% auto;
  }

  .shopDetail_flex_7 {
    border-top: 10px solid rgba(246, 247, 249, 1);
    background: var(--benbenbgColor1);
    padding: 0rpx 0rpx 50rpx 0rpx;
    background-size: 100% auto;
  }

  ::v-deep .shopDetail_fd7_1_c0 {
    width: 100%;
  }

  .shopDetail_fd7_1 {
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .shopDetail_fd7_0_c1 {
    font-size: 32rpx;
    font-weight: 700;
    color: var(--benbenFontColor0);
    line-height: 45rpx;
  }

  .shopDetail_fd7_0_c0 {
    background: var(--benbenbgColor7);
    width: 7rpx;
    height: 30rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
    border-radius: 3rpx;
  }

  .shopDetail_fd7_0 {
    padding: 32rpx 0rpx 32rpx 0rpx;
    margin: 0rpx 32rpx 0rpx 24rpx;
  }

  .shopDetail_fd8_0_c2_c0 {
    background: var(--benbenbgColor7);
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    font-size: 32rpx;
    color: #fff;
    width: 308rpx;
    height: 80rpx;
    line-height: 80rpx;
    font-weight: 500;
  }

  .shopDetail_fd8_0_c2 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd8_0_c1_c0_c0 {
    width: 580rpx;
    height: 580rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd8_0_c1_c0 {
    border: 1px solid rgba(238, 238, 238, 1);
    background: #FFFFFF();
    padding: 0rpx 0rpx 32rpx 0rpx;
    width: 580rpx;
    margin: 0rpx 0rpx 32rpx 0rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    background-size: 100% auto !important;
    position: relative;
  }

  .shopDetail_fd8_0_c0_c1_c1 {
    font-size: 36rpx;
    font-weight: 500;
    color: #333333;
    margin: 0rpx 24rpx 0rpx 24rpx;
    line-height: 50rpx;
  }

  .shopDetail_fd8_0_c0_c1_c0 {
    width: 32rpx;
    height: 10rpx;
  }

  .shopDetail_fd8_0_c0_c0 {
    width: 40rpx;
    height: 40rpx;
  }

  .shopDetail_fd8_0_c0 {
    margin: 36rpx 0rpx 33rpx 0rpx;
  }

  .shopDetail_fd8_0 {
    background: var(--benbenbgColor1);
    background-size: 100% auto !important;
    border-radius: 32rpx 32rpx 0rpx 0rpx;
    padding: 0rpx 32rpx 40rpx 32rpx;
  }

  .shopDetail_fd9_0_c1_c0_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333;
  }

  .shopDetail_fd9_0_c1_c0_c0 {
    width: 80rpx;
    height: 80rpx;
    border-radius: 40rpx 40rpx 40rpx 40rpx;
    margin: 0rpx 0rpx 16rpx 0rpx;
  }

  .shopDetail_fd9_0_c1 {
    padding: 0rpx 0rpx 58rpx 0rpx;
  }

  .shopDetail_fd9_0_c0_c2_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 20rpx 20rpx 20rpx 20rpx;
  }

  .shopDetail_fd9_0_c0_c2 {
    margin: 0rpx 2rpx 0rpx 0rpx;
  }

  .shopDetail_fd9_0_c0_c1_c1 {
    font-size: 32rpx;
    font-weight: 700;
    color: #333;
    margin: 0rpx 16rpx 0rpx 16rpx;
  }

  .shopDetail_fd9_0_c0_c1_c0 {
    width: 32rpx;
    height: 10rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd9_0_c0_c1 {
    padding: 40rpx 0rpx 48rpx 0rpx;
  }

  .shopDetail_fd9_0_c0_c0 {
    width: 40rpx;
  }

  .shopDetail_fd9_0_c0 {
    padding: 0rpx 13rpx 0rpx 0rpx;
  }

  .shopDetail_fd9_0 {
    background: var(--benbenbgColor1);
    background-size: 100% auto !important;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .shopDetail_flex_10 {
    background: var(--benbenbgColor1);
    background-size: 100% auto !important;
    border-radius: 32rpx 32rpx 0rpx 0rpx;
    padding: 40rpx 32rpx 45rpx 32rpx;
  }

  .shopDetail_fd10_1_c0 {
    line-height: 52rpx;
    font-size: 26rpx;
    font-weight: 400;
    color: #333;
  }

  .shopDetail_fd10_1 {
    touch-action: none;
    width: 686rpx;
    height: 40vh;
  }

  .shopDetail_fd10_0_c2 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd10_0_c1_c1 {
    line-height: 45rpx;
    font-size: 36rpx;
    font-weight: 700;
    color: #333;
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .shopDetail_fd10_0_c1_c0 {
    width: 32rpx;
    height: 10rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd10_0_c1 {
    position: relative;
  }

  .shopDetail_fd10_0_c0 {
    height: 40rpx;
    width: 40rpx;
  }

  .shopDetail_fd10_0 {
    margin: 0rpx 0rpx 46rpx 0rpx;
  }

  .shopDetail_fd11_0_c1_c1_c0 {
    width: 400rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd11_0_c1_c1 {
    width: 100%;
    padding: 50rpx 0rpx 50rpx 0rpx;
  }

  .shopDetail_fd11_0_c1_c0_c1_c1_c2 {
    color: rgba(153, 153, 153, 1);
    font-size: 22rpx;
    line-height: 30rpx;
    font-weight: 400;
  }

  .shopDetail_fd11_0_c1_c0_c1_c1_c1 {
    margin: 8rpx 0rpx auto 0rpx;
    color: rgba(153, 153, 153, 1);
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .shopDetail_fd11_0_c1_c0_c1_c1_c0 {
    color: rgba(153, 153, 153, 1);
    font-size: 32rpx;
    font-weight: 600;
    line-height: 45rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .shopDetail_fd11_0_c1_c0_c1 {
    background: url(image-path('78.png')) no-repeat;
    background-size: 100% auto !important;
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd11_0_c1_c0_c0_c2_c0 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 33rpx;
  }

  .shopDetail_fd11_0_c1_c0_c0_c2 {
    margin: 0rpx 014rpx 0rpx 14rpx;
  }

  .shopDetail_fd11_0_c1_c0_c0_c1_c2 {
    color: #666666;
    font-size: 22rpx;
    line-height: 30rpx;
    font-weight: 400;
  }

  .shopDetail_fd11_0_c1_c0_c0_c1_c1 {
    margin: 8rpx 0rpx auto 0rpx;
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .shopDetail_fd11_0_c1_c0_c0_c1_c0 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 600;
    line-height: 45rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .shopDetail_fd11_0_c1_c0_c0_c1 {
    margin: 24rpx 14rpx 24rpx 32rpx;
  }

  .shopDetail_fd11_0_c1_c0_c0_c0_c1 {
    color: #FFFFFF;
    font-size: 24rpx;
    line-height: 33rpx;
    font-weight: 700;
  }

  .shopDetail_fd11_0_c1_c0_c0_c0_c0_c1 {
    font-size: 64rpx;
    font-weight: 700;
    color: var(--benbenFontColor3);
  }

  .shopDetail_fd11_0_c1_c0_c0_c0_c0_c0 {
    font-size: 28rpx;
    font-weight: 700;
    color: var(--benbenFontColor3);
    margin: 15rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd11_0_c1_c0_c0_c0 {
    width: 192rpx;
    height: 188rpx;
  }

  .shopDetail_fd11_0_c1_c0_c0 {
    background: url(image-path('41.png')) no-repeat;
    background-size: 100% auto !important;
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd11_0_c1_c0 {
    width: 686rpx;
  }

  .shopDetail_fd11_0_c1 {
    touch-action: none;
    height: 40vh;
    width: 686rpx;
  }

  .shopDetail_fd11_0_c0_c2 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd11_0_c0_c1_c1 {
    color: #333333;
    font-size: 40rpx;
    font-weight: 500;
    line-height: 56rpx;
    margin: 0rpx 32rpx 0rpx 32rpx;
  }

  .shopDetail_fd11_0_c0_c1_c0 {
    width: 32rpx;
    height: 10rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd11_0_c0_c0 {
    width: 40rpx;
    height: 40rpx;
  }

  .shopDetail_fd11_0_c0 {
    margin: 0rpx 0rpx 8rpx 0rpx;
  }

  .shopDetail_fd11_0 {
    background: var(--benbenbgColor1);
    border-radius: 20rpx 20rpx 0rpx 0rpx;
    padding: 40rpx 32rpx 40rpx 32rpx;
  }

  .shopDetail_flex_12 {
    background: var(--benbenbgColor1);
    background-size: 100% auto !important;
    border-radius: 32rpx 32rpx 0rpx 0rpx;
    padding: 40rpx 32rpx 45rpx 32rpx;
  }

  .shopDetail_fd12_1_c0 {
    line-height: 52rpx;
    font-size: 26rpx;
    font-weight: 400;
    color: #333;
  }

  .shopDetail_fd12_1 {
    touch-action: none;
    width: 686rpx;
    height: 40vh;
  }

  .shopDetail_fd12_0_c2 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd12_0_c1_c1 {
    line-height: 45rpx;
    font-size: 36rpx;
    font-weight: 700;
    color: #333;
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .shopDetail_fd12_0_c1_c0 {
    width: 32rpx;
    height: 10rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd12_0_c1 {
    position: relative;
  }

  .shopDetail_fd12_0_c0 {
    height: 40rpx;
    width: 40rpx;
  }

  .shopDetail_fd12_0 {
    margin: 0rpx 0rpx 46rpx 0rpx;
  }

  .shopDetail_flex_13 {
    background: var(--benbenbgColor1);
    width: 750rpx;
    height: 108rpx;
    overflow: hidden;
    z-index: 10;
    background-size: 100% auto !important;
    bottom: calc(0rpx + var(--window-bottom));
  }

  .shopDetail_fd13_1_c0 {
    color: var(--benbenFontColor3);
    font-size: 32rpx;
    font-weight: 500;
    line-height: 40rpx;
  }

  .shopDetail_fd13_1 {
    background: var(--benbenbgColor7);
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    width: 409rpx;
    height: 88rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .shopDetail_fd13_0_c1_c1_1 {
    font-size: 20rpx;
    font-weight: 500;
    color: rgba(255, 154, 65, 1);
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd13_0_c1_c1 {
    font-size: 20rpx;
    font-weight: 500;
    color: var(--benbenFontColor0);
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd13_0_c1_c0_1 {
    width: 32rpx;
    height: 32rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd13_0_c1_c0 {
    width: 44rpx;
    height: 44rpx;
  }

  .shopDetail_fd13_0_c0_c1 {
    font-size: 20rpx;
    font-weight: 400;
    color: #333333;
  }

  .shopDetail_fd13_0_c0_c0 {
    width: 44rpx;
    height: 44rpx;
    margin: 0rpx 0rpx 6rpx 0rpx;
  }

  .shopDetail_fd13_0_c0 {
    width: 150rpx;
  }

  .shopDetail_flex_14 {
    background: var(--benbenbgColor1);
    background-size: 100% auto !important;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
    padding: 0rpx 0rpx 24rpx 0rpx;
  }

  .shopDetail_fd14_2_c0 {
    color: var(--benbenFontColor3);
    font-size: 32rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .shopDetail_fd14_2 {
    background: var(--benbenbgColor7);
    padding: 22rpx 0rpx 22rpx 0rpx;
    margin: 83rpx 56rpx 0rpx 56rpx;
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    width: 638rpx;
    height: 88rpx;
  }

  .shopDetail_fd14_1_c0_c1_c0 {
    width: 400rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd14_1_c0_c1 {
    width: 100%;
    padding: 50rpx 0rpx 50rpx 0rpx;
  }

  .shopDetail_fd14_1_c0_c0_c0_c0_c2_c1 {
    font-size: 28rpx;
    font-weight: 400;
    color: #333;
  }

  .shopDetail_fd14_1_c0_c0_c0_c0_c2_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .shopDetail_fd14_1_c0_c0_c0_c0_c2 {
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .shopDetail_fd14_1_c0_c0_c0_c0_c1_c1_c0 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
  }

  .shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c5 {
    color: #1A1A1A;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
    margin: 0rpx 0rpx 0rpx 40rpx;
  }

  .shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c2 {
    color: #1A1A1A;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
  }

  .shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c1 {
    color: #1A1A1A;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
    margin: 0rpx 0rpx 0rpx 14rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-width: 110rpx;
  }

  .shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c0_c0 {
    color: var(--benbenFontColor3);
    font-size: 22rpx;
    font-weight: 400;
    line-height: 30rpx;
  }

  .shopDetail_fd14_1_c0_c0_c0_c0_c1_c0_c0 {
    background: var(--benbenbgColor2);
    border-radius: 4rpx 4rpx 4rpx 4rpx;
    padding: 4rpx 10rpx 2rpx 10rpx;
  }

  .shopDetail_fd14_1_c0_c0_c0_c0_c1_c0 {
    margin: 0rpx 0rpx 20rpx 0rpx;
  }

  .shopDetail_fd14_1_c0_c0_c0_c0_c0 {
    width: 24rpx;
    height: 30rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .shopDetail_fd14_1_c0_c0_c0_c0 {
    margin: 40rpx 0rpx 32rpx 0rpx;
  }

  .shopDetail_fd14_1_c0 {
    touch-action: none;
    width: 686rpx;
    height: 40vh;
  }

  .shopDetail_fd14_1 {
    background: #fff();
    background-size: 100% auto !important;
    padding: 0rpx 30rpx 0rpx 30rpx;
  }

  .shopDetail_fd14_0_c0_c2_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 20rpx 20rpx 20rpx 20rpx;
  }

  .shopDetail_fd14_0_c0_c2 {
    margin: 0rpx 2rpx 0rpx 0rpx;
  }

  .shopDetail_fd14_0_c0_c1_c1 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    line-height: 50rpx;
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .shopDetail_fd14_0_c0_c1_c0 {
    width: 32rpx;
    height: 10rpx;
  }

  .shopDetail_fd14_0_c0_c0 {
    width: 40rpx;
    height: 40rpx;
  }

  .shopDetail_fd14_0_c0 {
    padding: 0rpx 13rpx 0rpx 0rpx;
  }

  .shopDetail_fd14_0 {
    border-radius: 32rpx 32rpx 0rpx 0rpx;
    padding: 40rpx 32rpx 24rpx 32rpx;
  }
</style>
